<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

</head>
<body>
    <div  id="app">
<!--        v-bind ：绑定vue的数据-->
        <a v-bind:href="url">百度一下</a>
<!--        缩写-->
        <a :href="url+da">百度一下</a>
        <img :src="src" :title="title">


        <input type="text" v-model="msg">
        {{msg}}
        <br>
        <form action="/update" method="post">
            id:<input type="text" v-model="user.id"><br>
            name:<input type="text" v-model="user.name"><br>
            age:<input type="text" v-model="user.age"><br>
            sex:<input type="text" v-model="user.sex"><br>
            <input type="submit">
        </form>
    </div>


</body>
<script>
    new Vue({
       el:"#app",
       data:{
           url:"https://www.baidu.com/",
           src:"img/10679.jpg",
           title:"图片",
           da:"/s?wd=二十大&sa=ire_dl_gh_logo_texing&rsv_dl=igh_logo_pc",
           msg:"adsada",
           user:{
               id:12,
               name:"张三",
               age:18,
               sex:"男"
           }
       }
    });
</script>
</html>